.Class_content{
  display: flex;
  width: 100%;
  margin-top: 120px;
  :global{
    .classList{
      width: calc(100% - 440px);
      background-color: #FFF;
      .class_items{
        display: flex;
        margin: 20px;
        .left_class_cover{
          width: 100px;
          height: 130px;
          overflow: hidden;
          border-radius: 5px;
          img{
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .right_class_info{
          flex: 1;
          flex-shrink: 0;
          margin-left: 10px;
          .top_title{
            display: flex;
            align-items: center;
            .isVIP{
              display: inline-block;
              background-color: #f0d7ac;
              color: #bc7925;
              padding: 2px 8px;
              font-size: 12px;
              border-radius: 3px;
              margin-right: 5px;
            }
            .title_name{
              font-size: 20px;
              font-style: italic;
            }
          }
          .introduce{
            font-size: 14px;
            line-height: 30px;
            color: #949494;
          }
          .author_info{
            display: flex;
            align-items: center;
            font-size: 14px;
            margin-top: 10px;
            .author_Img{
              width: 25px;
              height: 25px;
              border-radius: 50%;
              background-color: #949494;
              overflow: hidden;
              margin-right: 6px;
              img{
                width: 100%;
                height: 100%;
                object-fit: cover;
              }
            }
            .author_name{
              margin-right: 6px;
            }
            .grade{
              width: 35px;
              height: 15px;
              margin-right: 6px;
            }
          }
          .sell_status{
            display: flex;
            align-items: center;
            margin-top: 10px;
            .price_low{
              display: flex;
              color: red;
              align-items: flex-end;
              margin-right: 5px;
              span{
                font-size: 12px;
              }
              .price{
                font-size: 20px;
              }
            }
            .price_normal{
              font-size: 12px;
              color: #949494;
              text-decoration: line-through;
              margin-right: 8px;
            }
            .CompletionStatus{
              display: flex;
              align-items: center;
              font-size: 12px;
              color: #949494;
              margin-right: 5px;
              .status{
                margin-right: 5px;
              }
            }
            .sellNum{
              font-size: 12px;
              color: #949494;
            }
          }
        }
      }

    }
  }
}